﻿@charset "utf-8";

html{ overflow:hidden;}
body{ background:#1d89bf; overflow:hidden;}

.login_box{ position: absolute; top:40%; left:50%; margin:-170px 0 0 -210px;}
.login_box .login{ width:637px; padding:110px 0 280px; background:url(../img/login_bg.png) no-repeat;}
.login_box .login h2{ width:400px; color:#879299; font-size:30px; font-weight:bold; text-align:center;}
.login_box .login i{ margin:0 5px 0 0;}
.login_box .login .user{ position:relative; width:302px; margin:30px 0 0 0; padding:0 0 0 49px; background:#fff;}
.login_box .login .password{ position:relative; width:302px; margin:25px 0 0 0; padding:0 0 0 49px; background:#fff;}
.login_box .login .user .fail,
.login_box .login .password .fail{ position:absolute; top:44px; left:49px; width:295px; height:17px; padding:3px 0 0 5px; border:1px solid #fac1bb; border-top:0; line-height:12px; background:#ffeceb; color:#f21f0c;}
.login_box .login .user input,
.login_box .login .password input{ width:260px; height:22px; margin:0; padding:10px 5px 10px 35px; border:1px solid #ccc; border-radius:2px; background:#fff; line-height:22px; outline:none;}
.login_box .login .user input.user_icon{ background:url(../img/input.png) no-repeat 10px 13px;}
.login_box .login .password input.password_icon{ background:url(../img/input.png) no-repeat 10px -37px;}
.login_box .login .user input.active,
.login_box .login .password input.active{ border-color:#e65039;}
.login_box .login .btn{ margin:25px 0 0; padding:0 0 0 49px;}
.login_box .login .btn input{ width:302px; height:42px; border:none; border-bottom:3px solid #cc5256; line-height:36px; border-radius:3px; background:#f26166; text-align:center; font-size:18px; color:#fff; cursor:pointer;}
.login_box .login .btn input:hover{ opacity:.9;}




















